/***********************************************
*	Program Name: Apartment css template
*	Programmers Name: Keith W. Hatton
*	Date: 06/04/20
*	Version:
* 		
*	
************************************************/

article, aside, figure, footer, header, nav, section {display: block;}

body {font-size: 90%; background-color: rgba(255,255,255,1); background-image: url(bkg.jpg);}




.header1 h1 {
	
	font-family: Arial, sans-serif;
	text-align: center;
	font-size: 1.2em;
	font-style: normal;
	color: rgba(0,0,0,1);
	margin-top: 15px;
	
}




.header1 h2 {
	font-family: Arial, sans-serif;
	text-align: center;
	font-size: 1.2em;
	color: rgba(0,0,0,1);
	margin-top: 15px;
		
}


.header1 {
		display: block;
		margin-left: 125px;
		margin-right: 75px;
		line-height: .5em;
		height: 100px;
		width: 150px;	/*300*/
		margin-top: 10px;
		float: left;	
		text-align: center;	
		}



.header2 {
		display: block;
		line-height: .25em;
		height: 100px;
		width: 500px;/*1000*/
		margin-top: 10px;
		float: left;
		text-align: center;	
		}

.header2 h1 {
	margin-top: 10px;
	font-family: Arial, sans-serif;
	text-align: center;
	font-size: 200%;
	font-style: normal;
	color: rgba(0,0,0,1);
	padding-top: .25em;
	
}


.header2 h2 {
	font-family: Arial, sans-serif;
	text-align: center;
	font-size: 125%;
	color: rgba(0,0,0,01);
	
}

.header3 {
		display: block;
		margin-right: 125px;
		margin-left: 2em;
		line-height: .5em;
		height: 100px;
		width: 150px;
		margin-top: 10px;
		float: right;	
		text-align: center;	
		
		}


.header3 h1 {
	
	font-family: Arial, sans-serif;
	text-align: center;
	font-size: 1.25em;
	font-style: normal;
	color: rgba(0,0,0,1);
	padding-top: .25em;
	margin-top: 15px;
	
}



.header3 h2 {
	
	font-family: Arial, sans-serif;
	text-align: center;
	font-size: 1.2em;
	color: rgba(0,0,0,0,1);
	margin-top: 15px;
	
}

.header3 p{
	font-size: 12px;
	margin-left: 2em;
}


.wrapper1 {
	
	width: 1200px;
	background-color:    rgba(255,255,255,.9);
	margin-left: auto;
	margin-right: auto;
	height: 900px;  /* changed from 1400 12-19-19 */
	
	border-width: .5px;
	border-style: solid;
	border-color: rgba(0,0,0,1);
	
}




.clear {
	clear: both;
}


/*Slide Show */
.section1
{
	width: 1000px;
	height: 300px;	
	background-color: rgba(255,255,255,1);
	margin-left: 75px;
	padding: 20px;
	float: left;
	border-style: solid;
	border-width: .25px;
	border-color: black;
	margin-top: 10px;
			
}



.clear {
	clear: both;
}



/*Map*/
.section2
{
	width: 250px;
	height: 250px;
	background-color: rgba(255,255,255,1);
	margin-left: 75px;
	padding: 10px;
	float: left;
	border-width: .5px;
	border-style: solid;
	border-color: rgba(0,0,0,1);
	font-size: 90%;
	margin-top: 25px;
		
}



/*Narrative*/ 
.aside1
{
	width: 200px;
	height: 300px;
	margin-left: 2.4em;
	padding: 10px;
	float: left;
	font-size: 100%;
	margin-top: 5px;
	text-align: justify;
    text-justify: inter-word;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    
  		
}


/*Features*/

.aside2
{
	
	width: 200px;
	height: 300px;
	margin-left: 2.4em;
	padding: 10px;
	float: left;
	border-width: .5px;
	border-style: solid;
	border-color: rgba(0,0,0,1);
	font-size: 100%;
	margin-top: 5px;
	border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: solid;
    
}


.aside2 li{
	font-size: 95%;
	
}

.aside2 h2{
	text-align:center;
	font-size: 110%;
}


/* Around */



.aside3
{
	width: 200px;		
	height: 300px;
	margin-right: 75px;
	padding: 10px;
	float: right;	
	font-style: normal;
	font-size: 100%;
	margin-top: 5px;
	border-width: .5px;
	border-style: solid;
	border-color: rgba(0,0,0,1);
	
	
	border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: solid;
	
}


.aside3 li{
	font-size: 100%;
	
}

.aside3 h2{
	text-align:center;
	font-size: 110%;
}


.clear {
	clear: both;
}



/*Table*/
.section3
{
	width: 500px;
	height: 200px;
	padding: 10px;
	float: left;
	margin-left: 75px;
	border-width: .5px;
	border-style: solid;
	border-color: rgba(0,0,0,1);
	font-size: 100%;
	margin-top: 25px;
	background-color: rgba(255,255,255,1);
	text-align:center;
		
}


.section3 table{
	font-size: 99%;
	
	
}

.section3 p{
	font-size: 90%;
	
	
}

.section3 h3{
	text-align:center;
	font-size: 100%;
}



.section3 h2{
	text-align:center;
}





.section3
table {
    border-collapse: collapse;
}

table, th, td {
    border: 1px solid black;
}

table, th, td {
    text-align: center;
}


.modalDialog {
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 1500px;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}



.modalDialog:target {
	opacity:1;
	pointer-events: auto;
}

.modalDialog > div {
	width: 400px;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #fff;
	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);
}


.close {
	background: #606061;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}

.close:hover { background: #00d9ff; }



/*contact form*/
.aside4
{
	width: 470px;		
	height: 550px;
	margin-right: 75px;
	padding: 10px;
	float: right;	
	font-style: normal;
	font-size: 90%;
	margin-top: 25px;
	border-width: .5px;
	border-style: solid;
	border-color: rgba(0,0,0,1);
	background-color: rgba(255,255,255,1);
		
}


.clear {
	clear: both;
}


.section4
{    /*
	width: 275px; 
	height: 275px;
	padding: 10px;
	float: left;
	margin-left: 75px;
	border-width: .5px;
	border-style: solid;
	border-color: rgba(0,0,0,1);
	font-size: 100%;
	margin-top: 25px;
	background-color: rgba(250,250,250,1);
	text-align:left;
	background-image: url(Oppad1.jpg); background-repeat: no-repeat;
		*/
}

.section4 h2{
	text-align:center;
	font-size: 200%;
	color: white;
}



.section4 h4{
	text-align:center;
	font-size: 110%;
}

.section4 h3{
	text-align:justify;
	font-size: 100%;
	font-style: normal;
	font-family: Arial, sans-serif;
}



p{font-family: Arial, "Times New Roman", sans-serif;}


#footer  {
	margin-top: 35px;
	text-align:center;
	margin-right: 2em;
	color: black;
}